:root {
  --primary-color: #2196f3;
  --secondary-color: #64b5f6;
  --text-primary: #333;
  --text-secondary: #666;
  --background-primary: #fff;
  --background-secondary: #f5f7fb;
  --background-tertiary: #edf0f7;
  --ai-message-bg: #f0f4ff;
  --user-message-bg: #2196f3;
  --user-message-text: #fff;
  --border-color: #e0e0e0;
  --shadow-color: rgba(0, 0, 0, 0.1);
  --animation-speed: 0.3s;
  --border-radius: 12px;
  --typing-indicator-color: var(--primary-color);
}

.dark-mode {
  --primary-color: #42a5f5;
  --secondary-color: #90caf9;
  --text-primary: #e0e0e0;
  --text-secondary: #aaaaaa;
  --background-primary: #1a1a1a;
  --background-secondary: #252525;
  --background-tertiary: #333333;
  --ai-message-bg: #2d2d3d;
  --user-message-bg: #42a5f5;
  --user-message-text: #fff;
  --border-color: #444;
  --shadow-color: rgba(0, 0, 0, 0.6);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  transition: background-color var(--animation-speed),
    color var(--animation-speed);
}

body {
  background-color: var(--background-secondary);
  color: var(--text-primary);
  height: 100vh;
  overflow: hidden;
}






